<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Untitled Document</title>
<link rel="stylesheet" href="styles/layout.css" type="text/css">
<script src="scripts/jquery-1.9.1.min.js"></script>
<script src="scripts/jquery-browsercheck.js"></script>
<script src="scripts/jquery-defaultvalue.js"></script>

<!--[if lt IE 9]>
<link rel="stylesheet" href="styles/ie.css" type="text/css">
<script src="scripts/ie/html5shiv.min.js"></script>
<![endif]-->
<!-- homepage scripts -->
<script src="scripts/flexslider/jquery.flexslider-min.js"></script>
<script>
$(window).load(function () {
    $('.flexslider').flexslider({
        animation: 'slide',
        controlNav: false,
        pauseOnHover: true,
        slideshowSpeed: 8000,
        animationSpeed: 1000,
        start: function (slider) {
            $('body').removeClass('loading');
        }
    });
});

</script>
<script src="scripts/pngFix/jquery.pngFix.js"></script>
<script src="scripts/jquery-ui-1.10.1.custom.min.js"></script>
<script src="scripts/jquery.ui.slider-setup.js"></script>
<!-- / homepage scripts -->
</head>
<body>
<div class="wrapper row1">
  <header id="header" class="clear">
    <hgroup>
      <h1><a href="#">Du Lịch</a></h1>
      <h2>Việt Nam - Quê Hương Tôi</h2>
    </hgroup>
    <nav>
      <ul class="clear">
        <li class="active"><a href="index.html">Trang Chủ...</a></li>
        <li><a href="style-demo.html">Style Demo</a></li>
        <li><a href="full-width.html">Fanpages...</a></li>
        <li><a href="gallery.html">Ảnh Đẹp...</a></li>
        <li><a href="portfolio.html">Liên Hệ...</a></li>
      </ul>
    </nav>
  </header>
</div>
<div class="wrapper row2">
  <section id="slider" class="flexslider clear">
    <ul class="slides">
      <li><img src="images/demo/slider/tamcocbichdong1.jpg" width="960" height="450" />
        <div class="flex-caption">
          <p>Cursuspenatisaccum ut curabitur nulla tellus tor ames a in curabitur pede. Idet mollisi eros dis orci congue elis et curabitur consequam intesque. Curabiturpisametur in ante.</p>
          <footer><a href="#">Read More &raquo;</a></footer>
        </div>
      </li>
      <li><img src="images/demo/slider/tamcocbichdong1.jpg" width="960" height="450" />
        <div class="flex-caption">
          <p>Cursuspenatisaccum ut curabitur nulla tellus tor ames a in curabitur pede. Idet mollisi eros dis orci congue elis et curabitur consequam intesque. Curabiturpisametur in ante.</p>
          <footer><a href="#">Read More &raquo;</a></footer>
        </div>
      </li>
      <li><img src="images/demo/slider/tamcocbichdong1.jpg" width="960" height="450" />
        <div class="flex-caption">
          <p>Cursuspenatisaccum ut curabitur nulla tellus tor ames a in curabitur pede. Idet mollisi eros dis orci congue elis et curabitur consequam intesque. Curabiturpisametur in ante.</p>
          <footer><a href="#">Read More &raquo;</a></footer>
        </div>
      </li>
    </ul>
  </section>
</div>
<!-- content -->
<div class="wrapper row3">
  <div id="container" class="clear">
    <!-- content body -->
    <!-- ########################################################################################## -->
    <!-- ########################################################################################## -->
    <section id="services">
      <ul class="clear">
        <li>
          <article>
            <h2><a href="#">ĐỊA ĐIỂM DU LỊCH</a></h2>
            <img src="images/demo/1.jpg" width="48" height="48" />
            <strong><a href="#" >Hội nghị quốc tế về du lịch tâm linh ở Ninh Bình</a></strong>
            <p>“Hội nghị quốc tế về du lịch tâm linh vì sự phát triển bền vững” do Tổ chức Du lịch thế giới (UNWTO) tổ chức, diễn ra lần đầu tiên vào ngày 21 và 22-11, tại Ninh Bình, Việt Nam.</p><br />

            <a href="#">* Trình diễn khinh khí cầu quốc tế tại 5 tỉnh thành.</a>
            <hr style="border: 1px dotted #999"/>  
            <a href="#">* TP HCM: Khuyến mãi lớn tại 1.000 điểm mua sắm phục vụ du lịch.</a>
            <hr style="border: 1px dotted #999"/>  
            <a href="#">* BMW Euro Auto chính thức bàn giao loạt xe BMW Series 5 cho Sheraton Saigon</a>
          </article>
        </li>
        <li>
          <article>
            <h2><a href="#">LÊ HỘI KHẮP NƠI</a></h2>
            <img src="images/demo/2.jpg" width="48" height="48" />
            <strong><a href="#" >Hội nghị quốc tế về du lịch tâm linh ở Ninh Bình</a></strong>
            <p>“Hội nghị quốc tế về du lịch tâm linh vì sự phát triển bền vững” do Tổ chức Du lịch thế giới (UNWTO) tổ chức, diễn ra lần đầu tiên vào ngày 21 và 22-11, tại Ninh Bình, Việt Nam.</p><br />

            <a href="#">* Trình diễn khinh khí cầu quốc tế tại 5 tỉnh thành.</a>
            <hr style="border: 1px dotted #999"/>  
            <a href="#">* TP HCM: Khuyến mãi lớn tại 1.000 điểm mua sắm phục vụ du lịch.</a>
            <hr style="border: 1px dotted #999"/>  
            <a href="#">* BMW Euro Auto chính thức bàn giao loạt xe BMW Series 5 cho Sheraton Saigon</a>
          </article>
        </li>
        <li>
          <article>
            <h2><a href="#">MÓN NGON - ĐIỂM ĐẸP</a></h2>
            <img src="images/demo/3.jpg" width="48" height="48" />
            <strong><a href="#" >Hội nghị quốc tế về du lịch tâm linh ở Ninh Bình</a></strong>
            <p>“Hội nghị quốc tế về du lịch tâm linh vì sự phát triển bền vững” do Tổ chức Du lịch thế giới (UNWTO) tổ chức, diễn ra lần đầu tiên vào ngày 21 và 22-11, tại Ninh Bình, Việt Nam.</p><br />

            <a href="#">* Trình diễn khinh khí cầu quốc tế tại 5 tỉnh thành.</a>
            <hr style="border: 1px dotted #999"/>  
            <a href="#">* TP HCM: Khuyến mãi lớn tại 1.000 điểm mua sắm phục vụ du lịch.</a>
            <hr style="border: 1px dotted #999"/>  
            <a href="#">* BMW Euro Auto chính thức bàn giao loạt xe BMW Series 5 cho Sheraton Saigon</a>
          </article>
        </li>
        <li>
          <article>
            <h2><a href="#">CHỌN TOUR GIÚP BẠN</a></h2>
            <img src="images/demo/4.jpg" width="48" height="48" />
            <strong><a href="#" >Hội nghị quốc tế về du lịch tâm linh ở Ninh Bình</a></strong>
            <p>“Hội nghị quốc tế về du lịch tâm linh vì sự phát triển bền vững” do Tổ chức Du lịch thế giới (UNWTO) tổ chức, diễn ra lần đầu tiên vào ngày 21 và 22-11, tại Ninh Bình, Việt Nam.</p><br />

            <a href="#">* Trình diễn khinh khí cầu quốc tế tại 5 tỉnh thành.</a>
            <hr style="border: 1px dotted #999"/>  
            <a href="#">* TP HCM: Khuyến mãi lớn tại 1.000 điểm mua sắm phục vụ du lịch.</a>
            <hr style="border: 1px dotted #999"/>  
            <a href="#">* BMW Euro Auto chính thức bàn giao loạt xe BMW Series 5 cho Sheraton Saigon</a>
          </article>
        </li>
      </ul>
    </section>
		
    <!-- ########################################################################################## -->
    <section id="featured_slide" >
      <div class="scroll-pane">
        <ul class="scroll-content">
          <li><a href="#"><img src="images/demo/5.jpg" width="225" height="100" /></a></li>
          <li><a href="#"><img src="images/demo/7.jpg" width="225" height="100" /></a></li>
          <li><a href="#"><img src="images/demo/8.jpg" width="225" height="100" /></a></li>
          <li><a href="#"><img src="images/demo/9.jpg" width="225" height="100" /></a></li>
          <li><a href="#"><img src="images/demo/5.jpg" width="225" height="100" /></a></li>
          <li><a href="#"><img src="images/demo/11.jpg" width="225" height="100" /></a></li>
          <li><a href="#"><img src="images/demo/7.jpg" width="225" height="100" /></a></li>
          <li><a href="#"><img src="images/demo/5.jpg" width="225" height="100" /></a></li>
        </ul>
        <div class="scroll-bar-wrap">
          <div class="scroll-bar"></div>
        </div>
      </div>
    </section>
    <!-- ########################################################################################## -->
    <!-- Info -->
    <div id="info" class="clear">
      <section class="quarter">
        <article>
          <h1>NHẬT KÝ LỮ HÀNH</h2>
          <img class="imgl" src="images/demo/6.gif" width="185" height="185" />
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non diam erat. In fringilla massa ut nisi ullamcorper pellentesque. Quisque non luctus sem. Nullam non magna vel nisi posuere bibendum vitae sed dui.</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non diam erat. In fringilla massa ut nisi ullamcorper pellentesque. Quisque non luctus sem. Nullam non magna vel nisi posuere bibendum vitae sed dui. Nulla at lorem tortor, non rhoncus odio.</p>
          <p class="more"><a href="#">Read More &raquo;</a></p>
        </article>
      </section>
    </div>
    <section id="services">
        <ul class="clear">
          <li>
            <article>
              <img src="images/demo/1.jpg" width="48" height="48" />
              <strong><a href="#" >6 điểm đến rẻ nhất hiện nay</a></strong>
              <p>(11-11-2013)</p>
              <p>Vé máy bay, nơi ở, đồ ăn và chi phí cho các hoạt động có thể rất tốn kém. Và đây cũng là mối quan tâm của rất nhiều khi cân nhắc về điểm đến, đặc biệt trong tình trạng kinh tế khủng hoảng toàn cầu như hiện nay.</p><br />
            </article>
          </li>
          <li>
            <article>
              <img src="images/demo/2.jpg" width="48" height="48" />
              <strong><a href="#" >Vì sao khách Mỹ mê Hội An?</a></strong>
              <p>(11-11-2013)</p>
              <p>Hội An đã về nhì trong cuộc bình chọn 10 thành phố du lịch được yêu thích nhất châu Á, do tạp chí du lịch uy tín của Mỹ Condé Nast Traveler tổ chức, thu hút gần 80.000 người tham gia...</p><br />
            </article>
          </li>
          <li>
            <article>
             	<img src="images/demo/3.jpg" width="48" height="48" />
              <strong><a href="#" >Trên cánh đồng tháng Mười</a></strong>
              <p>(11-11-2013)</p>
              <p>Các miền lúa đã xong gặt vụ mùa. Những cánh chim sà xuống cánh đồng chuyên cần lượm thóc. Đừng hỏi “bao giờ cho đến tháng mười” khi hương lúa mới quyện vào giác quan cho ta thanh yên tâm hồn</p><br />
            </article>
          </li>
          <li>
            <article>
              <img src="images/demo/4.jpg" width="48" height="48" />
              <strong><a href="#" >Về thăm mùa lũ miền Tây</a></strong>
              <p>(11-11-2013)</p>
              <p>(NLĐO) - Cứ mỗi độ con nước mấp mé tràn bờ lòng tôi lại nôn nao một cảm giác lạ, một cảm giác đợi mong. Tất bật hết một ngày làm việc, với tinh thần sảng khoái của buổi sớm, vai mang balô tôi cùng TST Tourist về thăm miền Tây, quê ngoại tôi.</p><br />
            </article>
          </li>
        </ul>
    </section>
    <!-- / Info -->
    <!-- ########################################################################################## -->
    <!-- ########################################################################################## -->
    <!-- / content body -->
  </div>
</div>
<!-- Footer -->	
<div class="wrapper row4">
  <div id="footer" class="clear">
    <!-- Section One -->
    <section class="one_third first">
      <div class="newsletter">
        <h2 class="title">Newsletter</h2>
        <p>Justoid nonummy laoreet phasellent penatoque in antesque pellus elis eget tincidunt. Nequatdui laorem justo a non tellus laoreet tincidunt ut.</p>
        <form method="post" action="#">
          <fieldset>
            <legend>Newsletter Form:</legend>
            <label for="nl_email">Email:</label>
            <input type="text" name="nl_email" id="nl_email" value="">
            <input type="submit" id="nl_submit" value="submit">
          </fieldset>
        </form>
      </div>
      <div class="social">
        <h2 class="title">Stay Social</h2>
        <ul class="clear">
          <li><a href="#"><img src="images/demo/social/1.gif" alt=""></a> Name Here</li>
          <li><a href="#"><img src="images/demo/social/1.gif" alt=""></a> Name Here</li>
          <li><a href="#"><img src="images/demo/social/1.gif" alt=""></a> Name Here</li>
          <li><a href="#"><img src="images/demo/social/1.gif" alt=""></a> Name Here</li>
        </ul>
      </div>
    </section>
    <!-- Section Two -->
    <section class="one_third">
      <h2 class="title">From The Blog</h2>
      <article>
        <header>
          <h2>Post Title</h2>
          <time datetime="2000-04-06">Friday, 6<sup>th</sup> April 2000</time>
        </header>
        <p>Vestibulumaccumsan egestibulum eu justo convallis augue estas aenean elit intesque sed. Facilispede estibulum.</p>
        <footer class="more"><a href="#">Read More &raquo;</a></footer>
      </article>
      <article>
        <header>
          <h2>Post Title</h2>
          <time datetime="2000-04-06">Friday, 6<sup>th</sup> April 2000</time>
        </header>
        <p>Vestibulumaccumsan egestibulum eu justo convallis augue estas aenean elit intesque sed. Facilispede estibulum.</p>
        <footer class="more"><a href="#">Read More &raquo;</a></footer>
      </article>
    </section>
    <!-- Section Three -->
    <section class="one_third">
      <h2 class="title">Latest Tweets</h2>
      <div class="ft_tweets">
        <ul>
          <li><a href="#">@namehere</a> Justoid nonummy laoreet phasellent penatoque in antesque pellus elis eget tincidunt. Nequatdui laorem justo a non tellus laoremut vitae doloreet <strong>1 day ago</strong></li>
          <li><a href="#">@namehere</a> Justoid nonummy laoreet phasellent penatoque in antesque pellus elis eget tincidunt. Nequatdui laorem justo a non tellus laoremut vitae doloreet <strong>1 day ago</strong></li>
          <li><a href="#">@namehere</a> Justoid nonummy laoreet phasellent penatoque in antesque pellus elis eget tincidunt. Nequatdui laorem justo a non tellus laoremut vitae doloreet <strong>1 day ago</strong></li>
        </ul>
      </div>
    </section>
    <!-- / Section -->
  </div>
</div>
<!-- Copyright -->
<div class="wrapper row5">
  <footer id="copyright" class="clear">
    <p class="fl_left">Copyright &copy; 2013 - All Rights Reserved - <a href="#">Domain Name</a></p>
    <p class="fl_right">Template edit by <a target="_blank" href="" title="Free Website Templates">KendyDuong</a></p>
  </footer>
</div>
<script>
$(document).ready(function () {
    $("#nl_email").defaultvalue("Enter Your Email Here");
});
</script>
</body>
</html>